<template>
  <div class="event-page page">
    <nav-bar title="事件中心" theme="white" search message></nav-bar>
    <div class="event-main page-main" style="margin-top: 44px">
      <div class="event-entry">
        <van-row :gutter="8">
          <van-col span="12">
            <gb-card shadow class="event-entry-item" @click="$router.push('/event/report')">
              <img src="@/assets/images/event/event_EReport@2x.png" alt="" />
              <span>事件上报</span>
            </gb-card>
          </van-col>
          <van-col span="12">
            <gb-card shadow class="event-entry-item" @click="$router.push('/event/static')">
              <img src="@/assets/images/event/event_Statistics@2x.png" alt="" />
              <span>事件统计</span>
            </gb-card>
          </van-col>
        </van-row>
      </div>
      <div class="event-record">
        <van-cell title="事件记录" value="查看全部" is-link to="/event/record" :border="false" />
        <gb-card shadow class="event-record-container">
          <van-row>
            <van-col span="8" align="center">
              <div class="event-record-item" @click="$router.push('/event/record?eventStatus=2|7')">
                <img src="@/assets/images/event/event_center_wait@2x.png" alt="" />
                <p>待处置</p>
              </div>
            </van-col>
            <van-col span="8" align="center">
              <div class="event-record-item" @click="$router.push('/event/record?eventStatus=3|8')">
                <img src="@/assets/images/event/event_center_conduct@2x.png" alt="" />
                <p>处置中</p>
              </div>
            </van-col>
            <van-col span="8" align="center">
              <div class="event-record-item" @click="$router.push('/event/record?eventStatus=4')">
                <img src="@/assets/images/event/event_center_complete@2x.png" alt="" />
                <p>已处置</p>
              </div>
            </van-col>
          </van-row>
        </gb-card>
      </div>
      <div class="event-overtime">
        <van-cell value="查看全部" is-link to="/event/record?eventStatus=9" :border="false">
          <template #title>
            <img src="@/assets/images/event/event_center_overtime@2x.png" alt="" />
          </template>
        </van-cell>
        <event-list ref="eventList" :searchForm="searchForm"></event-list>
      </div>
    </div>
  </div>
</template>
<script>
import EventList from '@/components/Widget/Event/list'
export default {
  components: { EventList },
  data() {
    return {
      searchForm: {
        eventStatus: '9',
        eventDescription: '',
        pageNumber: 1,
        recordSize: 0,
        pageSize: 10
      }
    }
  }
}
</script>
<style lang="less" scoped>
@import '~@/assets/style/event/index.less';
</style>
